<template>
  <div>
    <el-dialog title="title" :modal="false" fullscreen center width="400px" :visible.sync="dialogFormVisible">

    </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      //   dialogFormVisible: false,
    }
  },
  computed: {


    dialogFormVisible: {
      get() {
        return this.$store.getters.showLoginBox
      },
      set(val) {
        return this.$store.state.showLoginBox = val;
      }

    }
  },
  watch: {
    dialogFormVisible(newValue, oldVal) {
      console.log(newValue, oldVal)
    }
  }
}
</script>

<style scoped>

</style>